@charset "utf-8";




  // 导航栏
  
.nav{
	margin-bottom: 0;
}
nav{
	.container{
		
		.logo{
			display: flex;
			align-items: center;
			margin-right: 18px;
			
		}
		.top{
			// width: 1050px;
			
		}
		
	}
	
}












// 
.tia{
	img{
		width: 100%;
		height: 100%;
	}
}



.carousel{
 // width: 1440px;
 .carousel-inner{
  .item{
   width: 100%;
   // height: 657px;
   img{
    width: 100%;
    height: 100%;
   }
  }
 }
}


















// 引擎

.engine{
	
	// height: 641px;
	background-color: #fbfaf7;
	.container{
		// width: 1000px;
		.row{
			.col-sm-8{
				
				.h2{
					font-size: 47px;
					color: #0078d7;
					margin-top: 103px;
				}
				h3{
					font-size: 30px;
					color: #666666;
					padding-top: 33px;
					padding-bottom: 77px;
				}
				.ros{
					
					
					// height: 76px;
					
					.col-sm-6{
						display: flex;
						flex-wrap: wrap;
						.on{
							padding-bottom: 48px;
							
							.icon{
								width: 64px;
								height: 64px;
								
								border-radius: 5px;
								
							}
							.one{
								paading-left: 14px;
								p{
									font-size: 19px;
									color: #333333;
									padding-bottom: 15px;
									padding-left: 16px;
								}
								.span{
									
									color: #666666;
									line-height: 20px;
									margin-left: 14px;
									width: 193px;
									height: 39px;
									// margin-bottom: 48px;
								}
							}
						}
					}
				}
			}
			.col-sm-4{
				margin-top: 137px;
				.img{
					width: 365px;
					height: 464px;
					img{
						width: 100%;
						height: 100%;
					}
				}
			}
			
		}
	}
}





// 优势
.advantage{
	height: 580px;
	.container{
		// width: 1000px;
		// img{
		// 	width: 100%;
		// 	height: 100%;
		// }
		.ball{
			width: 365px;
			height: 295px;
			padding-left: -8px;
			padding-top: 190px;
			
		}
		.none{
			
			padding-top: 114px;
			h3{
				font-size: 48px;
				color: #8fc31f;
				padding-bottom: 44px;
			}
			.grow{
				width: 369px;
				height: 70px;
				display: flex;
				padding-bottom: 16px;
				.to{
					width: 54px;
					height: 54px;
				}
				p{
					padding-left: 10px;
					padding-top: 18px;
					color: #666666;
					
				}
			}
		}
	}
}








// 产品家族
.product{
	
	height: 905px;
	background-color: #0079d7;
	.container{
		.u4{
			width: 100%;
			padding-top: 100px;
			
			text-align: center;
			.one{
				color: #fffefe;
				font-size: 48px;
				
			}
		}
		
		.father{
			width: 100%;
			
			.son{
				padding-top: 79px;
				padding-left: 174px;
				.tit{
					width: 66px;
					height: 66px;
					padding-top: 10px;
				}
				.titn{
					color: #fffefe;
					p{
					  font-size: 33px;
					  padding-left: 61px;
					}
					.titne{
						padding-top: 17px;
						// width: 289px;
						height: 73px;
						padding-left: 61px;
						line-height: 18px;
						color: #fffefe;
					}
				}
			}
			.son2{
				padding-top: 79px;
				.tit{
					width: 66px;
					height: 66px;
					padding-top: 10px;
				}
				.titn{
					color: #fffefe;
					p{
					  font-size: 33px;
					  padding-left: 61px;
					}
					.titne{
						padding-top: 17px;
						// width: 289px;
						height: 73px;
						padding-left: 61px;
						line-height: 18px;
						color: #fffefe;
					}
				}
			}
			
			
			
		}
	}
	
}









// 精彩游戏
.game{
	padding-bottom: 50px;
	
	
	.container{
		// width: 970px;
		.orn{
			align-items: center;
			margin-top: 66px;
			margin-bottom: 35px;
			display: flex;
			justify-content: space-between;
			.h3{
				font-size: 35px;
				color: #2a2a2a;
			}
			
		}
		
		
		
		.ros{
			width: 100%;
			video {
				width: 100%;
			}
			.ins{
				text-align: center;
				margin-bottom: 33px;
				img{
					max-width: 100%;
				}
				span {
					display: block;
				}
				
			}
		}
	}
	
	
	
	
	
}







// 合作伙伴
.partner{
	
	// height: 318px;
	background-color: #f4f4f4;
	
	.teamwork{
		font-size: 30px;
		color: #2a2a2a;
		margin-top: 40px;
		margin-left: 33px;
		margin-bottom: 40px;
		font-weight: bold;
	}
	
	.add{
		padding-bottom: 68px;
		.home{
			margin-bottom: 20px;
			display: block;
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 4px;
			
			.one{
				width: 100%;
			}
		}
		
	}
	
	
	
}




// 简介
.end{
	// width: 1440px;
	// height: 113px;
	background-color: #3b3b3b;
	.pp{
		padding-top: 35px;
		padding-bottom: 37px;
		.head{
			font-size: 14px;
			color: #a1a3ab;
			
		}
		
		.own{
			font-size: 11px;
			color: #a1a3ab;
			padding-top: 13px;
		}
		.os{
			padding-left: 245px;
			display: flex;
			.ol{
				padding-left: 20px;
				width: 100%;
				position: relative;
			}
			.fh{
				 width: 142px;
				 height: 150px;
				 
				 transform: translate(-29px, -191px);
				 position: absolute;
				 transition: all 2s;
				 opacity: 0;
			}
		}
	}
	
}

.end .os .ol:hover + .fh{
	opacity: 1;
}












//  媒体查询
@media only screen and (min-width:769px) and (max-width:991px){
	.container{
		.logo{
			margin-right: 0;
			
		}
		.navbar-brand{
			padding-right: 3px;
			padding-left: 3px;
		}
		.nav > li > a {
			padding: 10px 5px;
			
		}
	}
}

@media only screen and (max-width:768px) {
	.engine .container .row .col-sm-8 .h2 {
		margin-top: 50px;
	}
}

@media only screen and (max-width:992px) {
	.on{
		margin-right: -50px;
		padding-right: 7px;
	}
}

@media only screen and (max-width:768px) {
	.product .container .father .son {
		padding-left: 15px;
		padding-top: 15px;
	}
}
@media only screen and (max-width:992px) {
	.product .container .father .son {
		padding-left: 15px;
		
	}
}
@media only screen and (max-width:768px) {
	.product .container .father .son2 {
	
		padding-top: 15px;
	}
}
@media only screen and (max-width:768px) {
	.product .container .u4 {
		padding-top: 20px;
	}	
}

@media only screen and (max-width:750px){
	.game .tts{
		margin-left: -15px;
	}
}





	
	






@media only screen and (max-width:750px){
	.advantage .container .none .grow{
		width: 100%;
	}
	element.style {
		margin-left: -16px;
	}
}



